<!DOCTYPE html>
<html>
<head>
<meta charset="$_G[charset]" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>$_SITE[config][name]</title>
<link rel="stylesheet" href="{URLROOT}/{$_G[tplurl_weixin]}/css/base.css?{$_G[modoer][build]}" />
<link rel="stylesheet" href="{URLROOT}/static/mobile/css/plugin.css?{$_G[modoer][build]}" />
<script src="{URLROOT}/data/cachefiles/config.js?{$_G[cfg][js_cache_flag]}"></script>
<script src="{URLROOT}/static/mobile/js/jquery.js?{$_G[modoer][build]}"></script>
<script src="{URLROOT}/static/mobile/js/common.js?{$_G[modoer][build]}"></script>
<script src="{URLROOT}/static/mobile/js/jquery.plugin.js?{$_G[modoer][build]}"></script>
</head>
<body id="body">
<a name="top"></a>
<header>
	<div class="header">
		<p class="header-title">
			$_SITE[config][name]
		</p>
	</div>
</header>
<!-- 图片尺寸 304X80 -->
<div class="swipe-box">
	<div id="slider" class="swipe">
		<div class="swipe-wrap">
			<!--{loop $_SITE['pics'] $val}-->
			<figure>
				<div class="wrap">
					<div class="image">
						<a href="$val[url]" title="$val[title]">
							<img src="{img $val[picurl]}" alt="$val[title]" class="wrap-img">
						</a>
					</div>
				</div>
			</figure>
			<!--{/loop}-->
		</div>
	</div>
</div>

<div class="activities">
	<ul class="app-group">
	  	<!--{loop $_SITE['navs'] $link}-->
		<li class="app-item">
			<a href="$link[url]" class="app-item-link">
				<dt><img src="{img $link[picurl]}"  alt="$link[title]" class="app-item-ico"></dt>
			</a>
			<p class="app-item-title">$link[title]</p>
		</li>
		<!--{/loop}-->
	</ul>
</div>

<footer>
	<div class="activities">
		<p class="contcat">
			电话：$_SITE[config][tel]<br>
			地址：$_SITE[config][address]
		</p>
	</div>

<!--{if DEBUG}-->
{print $_G['db']->debug_print();}
{print $_G['loader']->debug_print();}
<!--{/if}-->
</footer>
<script src="{URLROOT}/static/mobile/js/swipe.js?{$_G[modoer][build]}"></script>
<script>
$(document).ready(function() {
	Swipe(document.getElementById('slider'), {
		auto: 5000,
		continuous: true
	});
});
</script>
<style>
.swipe-box {
	width:100%;
	height:200px;
	margin:0 auto;
	overflow: hidden;
}
.swipe-box > .swipe {
	width:100%;
	height:200px;
}
.swipe-box > .swipe img {
   border:1px solid #eee;
	width:100%;
	height:200px;
}

.activities {
	background:#FFF;
	margin: 10px;
	border:1px solid #ddd;
}
.activities > .contcat {
	padding:10px;
	line-height: 24px;
}


.app-group {
	width: 100%;
}
.app-group:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.app-item {
	float: left;
	width: 33%;
	text-align: center;
	margin:10px 0;
}
.app-item:nth-of-type(3n+0) {
	float: right;
	width: 34%;
}
.app-item-link {
	font-size: 1em;
	text-align: center;
}
.app-item-ico {
	width: 70x;
	height: 70px;
	margin-bottom:5px;
}
</style>
</body>
</html>
<!--{eval output();}-->